@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply grid min-h-full bg-white text-gray-500 dark:bg-black dark:text-gray-400;
    padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px)
      env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
  }
  #app {
    @apply grid min-h-full p-4;
  }
  * {
    -webkit-tap-highlight-color: transparent;
    @apply box-border select-none scroll-smooth outline-none selection:bg-blue-600 selection:bg-opacity-70 selection:text-white;
  }
  html {
    @apply grid min-h-full leading-6;
    font-family: Helvetica, Arial, sans-serif;
  }
  ::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
